<template>
  <div class="pay_service">
    <img class="pay_service_top" src="../assets/images/topImg.png" alt="">
    <div class="pay_service_content">
      <div class="label">
        尊敬的客户，您好：
      </div>
      <div class="content">
        非常感谢您的支持，该客服是<span class="especiallyFont">专为订货下单服务</span>的。如果您只是想使用其中的查询功能，需开通<span class="especiallyFont">查询服务（{{ set_price }}元/月）</span>。
      </div>
    </div>
    <div class="pay_service_footer">
      <button class="submitBtn" @click="PayShopVipSubmit">立即开通</button>
    </div>
  </div>

</template>

<script>
export default {
  name: '',
  props: {
    set_price: {
      type: Number,
      value: 0
    },
    imUserCode: {
      type: String,
      value: ""
    }
  },
  data() {
    return {
      cachekey: ""
    }
  },
  methods: {
    // 用户自主支付云店VIP
    async PayShopVipSubmit() {
      this.$wx.toast("支付功能暂未开放，敬请期待！");
      return;
      let storage_user = wx.getStorageSync("storage_user");
      const res = await this.$imServive({
        url: "/IMUser/PayShopVip",
        data: {
          imConsultantCode: this.cangpei_param_ccd,
          openId: storage_user.openid
        },
      });
      let requestObj = JSON.parse(res.payTicket);
      requestObj.paySign = requestObj.sign;
    }
  },
}
</script>

<style scpoed>
.pay_service {
  padding-top: 0.5333333333333333rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pay_service_content {
  margin-top: 0.6rem;
  width: 8.72rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.pay_service_top {
  width: 3.36rem;
  height: 3.04rem;
}
.pay_service_content .label {
  height: 0.64rem;
  font-size: 0.48rem;
  font-weight: 600;
  color: #e74c3c;
  line-height: 0.64rem;
}
.pay_service_content .content {
  margin-top: 0.16rem;
  width: 100%;
  text-indent: 2em;
  font-size: 0.36rem;
  color: #181818;
  line-height: 0.72rem;
  text-align: left;
}
.pay_service_content .especiallyFont {
  font-size: 0.48rem;
  color: #e74c3c;
  font-weight: 600;
}
.pay_service_footer {
  padding-top: 0.8933333333333333rem;
}
.pay_service_footer .submitBtn {
  width: 4.76rem;
  height: 1.12rem;
  background: #08c160;
  border-radius: 0.16rem;
  font-size: 0.48rem;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pay_service_footer .helpBtn {
  margin-top: 0.48rem;
  width: 4.76rem;
  height: 1.12rem;
  background: #ffffff;
  border: 1px solid #e74c3c;
  border-radius: 0.16rem;
  font-size: 0.36rem;
  color: #e74c3c;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
